<script type='text/javascript' language='javascript'>
    //VARS
    var url_base = "{url_base}";
    
    $(document).ready(function(){
        /** Filtra dados QUANTIDADE **/
        $(".filter_quant").change(function() {
            window.location = url_base + 'midia/listar/' + $(this).val();
            return false;
        });
        
        /** Ampliar Imagem **/
        $('.imagem_item').lightBox({
            imageLoading: url_base + 'assets/img/lightbox-ico-loading.gif',
            imageBtnClose: url_base + 'assets/img/lightbox-btn-close.gif',
            imageBtnPrev: url_base + 'assets/img/prev.gif',
            imageBtnNext: url_base + 'assets/img/next.gif',
            imageBlank: url_base + 'assets/img/lightbox-blank.gif',
            containerResizeSpeed: 350,
            txtImage: 'Capa do item',
            txtOf: 'de'
        });
        
        /** Volta para o top da página **/
        $('.img_top').click(function(){
            scroll_to("#page-content");
        });
    });

    /**
     * Retirna do controller o item (mídia) selecionado para visualização
     */
    function get_media(codigo){
        $("#loading-data").fadeIn();
        $.ajax({
            url: '{url_base}midia/get_media',
            type:'POST',
            dataType: 'json',
            data: { codigo_item: codigo },
            success: function(data){
                $("#loading-data").fadeOut();
                $('#messege-alert').fadeOut();
                $("#data_view span").html('');
                
                //Seta data result
                $('.item_imagem').attr({'href': url_base + 'media/upload/media/' + data.item.imagem});
                $('#delete_item').attr({'onclick': "delete_media('" + codigo + "')"});
                $('#edit_item').attr({'href': "{url_base}midia/atualizar/" + codigo});
                $('.item_imagem_thumb').attr({'src': url_base + 'media/upload/media/' + data.item.imagem});
                $(".item_codigo").html(data.item.codigo);
                $(".item_titulo").html(data.item.titulo);
                $(".item_subtitulo").html(data.item.subtitulo);
                $(".item_categorias").html(data.categorias);
                //Monta o grid com os ultimos 5 emprestimos
                $('#grid_emprestimos tbody, #total-register span').html("");
                if(data.item.emprestimos.length >= 1){
                    $('.datagrid_item_view').html(data.enquiries_table);
                    $('#total-register').html(data.total_loan);
                }else{
                    $('#total-register').html("");
                    $('.datagrid_item_view').html('</h2>O item não possui empréstimos ainda...</h2>');
                }
                // FIM for dataGrid loan
                $(".item_ano").html(data.item.midia.ano);
                $(".item_idioma").html(data.item.idioma);
                $(".item_localizacao").html(data.item.localizacao);
                $(".item_descricao").html(data.item.descricao);
                //Status para emprestimo
                if(data.check_availability_item != null){
                    $(".status_item").addClass('indisponible');
                    $(".status_item").html('INDISPONÍVEL');
                    $(".item_motivo").html(data.check_availability_item);
                    $("#item_motivo").show();
                }else{
                    $(".status_item").removeClass('indisponible');
                    $(".status_item").html('DISPONÍVEL');
                    $("#item_motivo").hide();
                }
                $(".item_total_estoque").html(data.item.movimentacao.total_estoque);
                $(".item_total_movimentacao").html(data.item.movimentacao.total_manipulacao);
                $(".item_total_disponivel").html(data.item.movimentacao.total_disponivel);
                $(".item_total_emprestado").html(data.total_loan);
                $(".item_total_visualizado").html(data.item.movimentacao.total_visualizado);
                $(".usuario_admin").html(data.item.admin.nome + ' ' + data.item.admin.sobrenome);
                $(".data_cadastro").html(data.item.data_cadastro);
                
                $("#item_view").fadeIn();
                scroll_to('#item_view');
            },
            error: function (data){ //Erro do back-end
                $("#loading-data").fadeOut();
                $("#item_view").fadeOut();
                $("#show-alert").html(erro_message());
                scroll_to("#page-content");
            }
        }); 
    }
    
    /*
     * Carrega os dados do item (mídia) selecionado para remoção
     */   
    function delete_media(codigo) {
        $("#loading-data").fadeIn();
        $.ajax({
            url: '{url_base}midia/get_media',
            type:'POST',
            dataType: 'json',
            data: { codigo_item: codigo },
            success: function(data){
                $("#loading-data").fadeOut();
                $('#messege-alert').fadeOut();
                $("#form-insert").hide('slow');
                
                $("#codigoDelete").val(data.item.codigo);
                $("#nomeDelete").val(data.item.titulo);
                $("#imagemDelete").val(data.item.imagem);

                open_dialog_delete(data);
            },
            error: function (data){ //Erro do back-end
                $("#loading-data").fadeOut();
                $("#form-insert").hide('slow');
                $("#show-alert").html(erro_message());
            }
        });
    }

    /*
     * DIALOG para confirmar remoção do item (midia)
     */
    function open_dialog_delete(data) {
        $("#inforDel").html(message_delete_item(data.item.titulo));

        $(".dialog-excluir").dialog({
            height: 250,
            width: 500,
            resizable: false,
            draggable: true,
            modal: true,
            buttons: {
                'Sim': function() {
                    $(this).dialog('close');
                    $("#form-delete-midia")[0].submit();
                },
                'Não': function() {
                    $(this).dialog('close');
                }
            }
        });
    }
</script>
<nav id="sub_menu_item">
    <?php include 'fixed/menu_item.php'; ?>
</nav> <!-- END of #sub_menu_item -->

<article >
    <div id="box-search_item">
        <form id="search" name="search" action="{url_base}midia/buscar">
            <input type="search" name="search_term" class="input_search" placeholder="Buscar mídia pelo código, título, ou categoria"/>
            <a class="search_refresh_item" href="{url_base}midia">
                <img title="Atualiza página descartando a busca" align="center" src="<?php echo site_url('assets/img/refresh.png'); ?>"/>
            </a>
        </form>        
    </div>

    <div id="filter_item">
        <i>Quantidade por página:</i>
        <form id="quant_list">
            <?php 
                echo form_dropdown('filter_quant', array(15 => '15', 30 => '30', 50 => '50', 70 => '70', 100 => '100'), isset($quant_list) ? $quant_list : '', 'class="filter_quant"'); 
            ?>
        </form>
    </div>
    <div id="box_item">
        <?php if (isset($itens)): foreach ($itens as $key => $item): ?>
                <div class="item">
                    <div class="view view-first">
                        <img src="<?php echo site_url() . 'media/upload/media/thumb/' . $item->imagem; ?>" height="230" width="160"/>
                        <div class="mask">
                            <div class="content_mask">
                                <h3><?php echo $this->DAOEmprestimo->check_availability_item($item, NULL) != NULL ? 'INDISPONÍVEL' : 'DISPONÍVEL'; ?></h3>
                                <p><?php echo $item->codigo; ?></p>
                                <p><?php echo character_limiter($item->idioma, 15); ?></p>
                                <p class="txt_right"><?php echo $item->to_string_categories(TRUE); ?></p>
                            </div>
                            <div class="bar_action_item">
                                 <a class="imagem_item" title='Ampliar imagem' href="<?php echo site_url() . 'media/upload/media/' . $item->imagem; ?>">
                                    <img src="{url_base}/assets/img/ampli.png"/>
                                 </a>
                                 <a title='Vizualizar dados' onclick="get_media('<?php echo $item->codigo; ?>')">
                                    <img src="{url_base}/assets/img/view_data.png"/>
                                 </a>
                                 <a title='Editar registro' href="{url_base}midia/atualizar/<?php echo $item->codigo; ?>">
                                     <img src="{url_base}/assets/img/edit.png"/>
                                 </a>
                                 <a title='Excluir registro' onclick="delete_media('<?php echo $item->codigo; ?>')">
                                     <img src="{url_base}/assets/img/delete.png"/>
                                 </a>
                            </div> <!-- END of .bar_action_itemm -->
                        </div>
                    </div> 
                    <header>
                        <h2 class="pointer"><a onclick="get_media('<?php echo $item->codigo; ?>')"><?php echo character_limiter($item->titulo, 35); ?></a></h2>
                    </header>
                </div>  
            <?php endforeach;
        endif; ?>
    </div> <!-- END of #box_item -->
</article>
    
<div id="paginacao" class="pagination_item">
    <ul class="pagination">
        {pagination}
    </ul>
</div>

<div id="total-register-item">
    Total: <?php echo $total_rows > 1 ? $total_rows . ' registros' : $total_rows . ' registro' ?>
</div>
            
<div id="new_item">
    <a href="{url_base}midia/cadastrar"><button type="button" class="button" id="new-data">Cadastrar uma nova mídia</button></a>
</div>  

<div id="loading-data" class="loading_item">
    <img src="{url_base}assets/img/loading.gif" width="220" height="20"/>
</div>

<section>
    <article>
        <div id="item_view">
            <nav id="bar_top">
                <a class="pointer" id="delete_item">Excluir mídia</a>
                <a class="pointer" id="edit_item">Editar dados</a>
            </nav>
            <div id="data_view">
                <header>
                    <h2><span class="item_titulo"></span></h2>
                    <span class="item_subtitulo"></span>
                </header>
                <p class="item_view_imagem"><a href="" class="imagem_item item_imagem" title="Ampliar imagem"><img class="item_imagem_thumb" src="" width="210" height="310"/></a></p>
                <p><strong>Código: </strong><span class="item_codigo"></span></p>
                <p><strong>Título: </strong><span class="item_titulo"></span></p>
                <p><strong>Subtítulo: </strong><span class="item_subtitulo"></span></p>
                <br />
                <p><strong>Categoria(s): </strong><span class="item_categorias"></span></p>
                <br />
                <p><strong>Ano: </strong><span class="item_ano"></span></p>
                <p><strong>Idioma: </strong><span class="item_idioma"></span></p>
                <p><strong>Localização: </strong><span class="item_localizacao"></span></p>
                <br />
                <p><strong>Descrição/Sinopse: </strong><span class="item_descricao"></span></p> 
                <br />
                <header><h3>Movimentação da Mídia (DVD, CD...) | Empréstimos</h3></header>
                <p><strong>Disponibilidade para empréstimos: </strong><span class="status_item"></span></p>
                <p id="item_motivo"><span class="item_motivo"></span></p>
                <p><strong>Total em estoque: </strong><span class="item_total_estoque"></span></p>
                <p><strong>Total para movimentação: </strong><span class="item_total_movimentacao"></span></p>
                <p><strong>Total disponível para empréstimos: </strong><span class="item_total_disponivel"></span></p>
                <p><strong>Total de vezes emprestado: </strong><span class="item_total_emprestado"></span></p>
                <p><strong>Total de vezes visualizado: </strong><span class="item_total_visualizado"></span></p>
                <br />
                <div id="datagrid" class="datagrid_item_view"></div> <!-- END of #datagrid -->
                <br /><br /><br />
                <p><strong>Administrador que efetuou cadastro: </strong><span class="usuario_admin"></span></p>
                <p><strong>Data do cadastro: </strong><span class="data_cadastro"></span></p>
                <img class="img_top pointer" src="{url_base}assets/img/top.png" width="32" height="32"/>
            </div>
        </div>
    </article>
</section>

<section id="form-delete">
    <div class="dialog-excluir">
        <h2>Atenção!</h2>
        <div id="inforDel"></div>    
    </div>
    <form action="{url_base}midia/excluir" id="form-delete-midia" method="post" accept-charset="utf-8">
        <input type="hidden" id="codigoDelete" name="codigoDelete"/>
        <input type="hidden" id="nomeDelete" name="nomeDelete"/>
        <input type="hidden" id="imagemDelete" name="imagemDelete"/>
    </form>
</section>